<script>
export default {
  onLaunch: function() {
    console.log('App Launch');
  },
  onShow: function() {
    console.log('App Show');
  },
  onHide: function() {
    console.log('App Hide');
  }
};
</script>

<style lang="scss">
/*每个页面公共css */
/* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */
@import './common/uni.css';

page {
  flex: 1;
  min-height: 100%;
  position: relative;
  font-family: '微软雅黑';
}
.content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
  min-height: 100%;
}
/*每个页面公共css */
.status_bar {
  height: var(--status-bar-height);
  width: 100%;
  background-color: transparent;
}
.top_view {
  height: var(--status-bar-height);
  width: 100%;
  position: fixed;
  background-color: transparent;
  top: 0;
  z-index: 999;
}
.clear:after {
  content: ''; //设置内容为空
  height: 0; //高度为0
  line-height: 0; //行高为0
  display: block; //将文本转为块级元素
  visibility: hidden; //将元素隐藏
  clear: both; //清除浮动
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.common_model {
  padding: 25upx 50upx 50upx;
  box-sizing: border-box;
  color: #fff;
  font-size: 24upx;
  .common_form {
    padding-bottom: 20upx;
    .tips{
      color: #000;
      height: 50rpx;
      line-height: 50rpx;
    }
    .item {
      font-size: 24upx;
      margin-bottom: 20upx;
      .fl {
        width: 150upx;
        line-height: 60upx;
        color: #fff;
      }
      .fr {
        width: calc(100% - 150upx);
        border-radius: 8upx;
        background: #fff;
        height: 60upx;
        color: #ff6100;
        border: 1upx solid #000000;
        position: relative;
        input {
          padding: 0 24upx;
          height: 100%;
          line-height: 60upx;
          font-size: 28rpx;
        }
        picker {
          .uni-input {
            height: 100%;
            padding: 0 24upx;
            line-height: 60upx;
            background: none;
          }
        }
        .downs {
          position: absolute;
          top: 0;
          right: 16upx;
          bottom: 0;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
      &.imgCode {
        .code {
          float: right;
          width: 140upx;
          height: 100%;
          padding-right: 30upx;
          box-sizing: border-box;
          display: flex;
          justify-content: center;
          align-items: center;
          button {
            font-size: 22upx;
            padding: 0;
            width: 100%;
            background: none;
            border: 0;
            color: #12abb0;
          }
        }
      }
    }
  }
  .common_btn {
    display: flex;
    border-radius: 8upx;
    overflow: hidden;
    button {
      display: flex;
      justify-content: center;
      align-items: center;
      height: 60upx;
      line-height: 60upx;
      background: #fff;
      border: 1upx solid #000000;
      border-radius: 8upx;
      color: #000000;
      font-size: 28upx;
      transition: all 0.1s;
      &::after {
        display: none;
      }
      &:active {
        opacity: 0.5;
      }
      &.active {
        background: #ff6100;
        border-color: #ff6100;
        color: #fff;
      }
    }
  }
  .common_foot_tip {
    margin-top: 20upx;
    margin-bottom: 10upx;
    color: #b6b9bf;
    font-size: 24upx;
  }
}
</style>
